/*!* by zhangxinxu(.com) 
/*css reset*/


body{
    /*   color:#333;*/
       font: 14px/1.5  Arial, 'Hiragino Sans GB', 'Microsoft YaHei', å¾®è½¯é›…é»‘, STHeiti, SimSun, sans-serif;
       background:#fff;
   }
   input,textarea,select{
       font-size:12px;
       font-size:100%;    
       font-family:arial;
       font-family:inherit;
   }
   body,h1,h2,h3,h4,h5,h6,p,ul,ol,form{
       margin:0;
   }
   h4,h5,h6{
       font-size:1em;
   }
   ul,ol{
       padding-left:0; 
       list-style-type:none;
   }
   /*image with no-border*/
   a img{border:0;}
   img{border:0;display: inline-block;}
   
   /* ---------------------single CSS----------------------- */
   /* display */
   .dn{display:none;}
   .di{display:inline;}
   .db{display:block;}
   .dib{display:inline-block;}
   div.dib{*display:inline; *zoom:1;}/* other block level tag(eg. p, li, h1~h6), using 'inline_any' instead */
   /* height */
   .h0{height:0;}
   .h14{height:14px;}
   .h16{height:16px;}
   .h18{height:18px;}
   .h20{height:20px;}
   .h22{height:22px;}
   .h24{height:24px;}
   .h30{height:30px;}
   .h35{height: 35px;}
   /* width */
   /* fixed width value */
   
   /* percent width value */
   .pct6{width:6%;}
   .pct10{width:10%;}
   .pct11{width:11%;}
   .pct12{width:12%;}
   .pct13{width:13%;}
   .pct15{width:15%;}
   .pct20{width:20%;}
   .pct25{width:25%;}
   .pct30{width:30%;}
   .pct33{width:33.3%;}
   .pct40{width:40%;}
   
   .pct50{width:50%;}
   .pct60{width:60%;}
   .pct66{width:66.6%;}
   .pct70{width:70%;}
   .pct75{width:75%;}
   .pct80{width:80%;}
   .pct90{width:90%;}
   .pct95{width:95%;}
   .pct100{width:100%;}
   /* line-height */
   .lh0{line-height:0;}
   .lh14{line-height:14px;}
   .lh16{line-height:16px;}
   .lh18{line-height:18px;}
   .lh20{line-height:20px;}
   .lh22{line-height:22px;}
   .lh24{line-height:24px;}
   .lh30{line-height:30px;}
   .lh34{line-height: 34px;}
   .lh35{line-height:35px;}
   .lh40{line-height:40px;}
   .lh45{line-height:45px;}
   .lh50{line-height:50px;}
   .lh70{line-height:70px;}
   /* margin */
   .m0{margin:0;}
   .m10{margin: 10px;}
   .ml1{margin-left:1px;}
   .ml2{margin-left:2px;}
   .ml5{margin-left:5px;}
   .ml10{margin-left:10px;}
   .ml15{margin-left:15px;}
   .ml20{margin-left:20px;}
   .ml30{margin-left:30px;}
   .ml40{margin-left:40px;}
   .ml50{margin-left:50px;}
   .mr1{margin-right:1px;}
   .mr2{margin-right:2px;}
   .mr5{margin-right:5px;}
   .mr10{margin-right:10px;}
   .mr15{margin-right:15px;}
   .mr20{margin-right:20px;}
   .mr30{margin-right:30px;}
   .mr40{margin-right:40px;}
   .mr50{margin-right:50px;}
   .mr55{margin-right:55px;}
   .mt1{margin-top:1px;}
   .mt2{margin-top:2px;}
   .mt5{margin-top:5px;}
   .mt10{margin-top:10px;}
   .mt15{margin-top:15px;}
   .mt20{margin-top:20px;}
   .mt24{margin-top:24px;}
   .mt30{margin-top:30px;}
   .mt35{margin-top:35px;}
   .mt40{margin-top:40px;}
   .mt50{margin-top:50px;}
   .mb1{margin-bottom:1px;}
   .mb2{margin-bottom:2px;}
   .mb5{margin-bottom:5px;}
   .mb10{margin-bottom:10px;}
   .mb13{margin-bottom:13px;}
   .mb15{margin-bottom:15px;}
   .mb20{margin-bottom:20px;}
   .mb24{margin-bottom:24px;}
   .mb30{margin-bottom:30px;}
   
   /* margin negative */
   .ml-1{margin-left:-1px;}
   .mr-1{margin-right:-1px;}
   .mt-1{margin-top:-1px;}
   .mb-1{margin-bottom:-1px;}
   .ml-3{margin-left:-3px;}
   .mr-3{margin-right:-3px;}
   .mt-3{margin-top:-3px;}
   .mb-3{margin-bottom:-3px;}
   .ml-20{margin-left:-20px;}
   .mr-20{margin-right:-20px;}
   .mt-20{margin-top:-20px;}
   .mb-20{margin-bottom:-20px;}
   /* padding */
   .p0{padding:0;}
   .p1{padding:1px;}
   .pl1{padding-left:1px;}
   .pt1{padding-top:1px;}
   .pr1{padding-right:1px;}
   .pb1{padding-bottom:1px;}
   .p2{padding:2px;}
   .pl2{padding-left:2px;}
   .pt2{padding-top:2px;}
   .pr2{padding-right:2px;}
   .pb2{padding-bottom:2px;}
   .pl5{padding-left:5px;}
   .p5{padding:5px;}
   .pt5{padding-top:5px;}
   .pr5{padding-right:5px;}
   .pb5{padding-bottom:5px;}
   .p10{padding:10px;}
   .pl10{padding-left:10px;}
   .pt10{padding-top:10px;}
   .pr10{padding-right:10px;}
   .pb10{padding-bottom:10px;}
   .p15{padding:15px;}
   .pl15{padding-left:15px;}
   .pt15{padding-top:15px;}
   .pr15{padding-right:15px;}
   .pb15{padding-bottom:15px;}
   .p20{padding:20px;}
   .pl20{padding-left:20px;}
   .pt20{padding-top:20px;}
   .pt50{padding-top: 50px;}
   .pr20{padding-right:20px;}
   .pb20{padding-bottom:20px;}
   .pb50{padding-bottom: 50px;}
   .p30{padding:30px;}
   .pl30{padding-left:30px;}
   .pt30{padding-top:30px;}
   .pr30{padding-right:30px;}
   .pb30{padding-bottom:30px;}
   .pt33{padding-top:33px;}
   .pt40{padding-top: 40px;}
   .pl40{padding-left: 40px;}
   .pr40{padding-right: 40px;}
   .pl60{padding-left:60px;}
   /* border-color name rule: border(b)-position(l/r/t/b/d)-width(null/2)-style(null/sh)-color(first one letter/first two letter) |-> All colors are safe color*/
   .bdc{border:1px solid #ccc;}
   .bdb{border:1px solid #4b91fe;}
   .blc{border-left:1px solid #ccc;}
   .brc{border-right:1px solid #ccc;}
   .btc{border-top:1px solid #ccc;}
   .bbc{border-bottom:1px solid #ccc;}
   .bdd{border:1px solid #ddd;}
   .bld{border-left:1px solid #ddd;}
   .brd{border-right:1px solid #ddd;}
   .btd{border-top:1px solid #ddd;}
   .bbd{border-bottom:1px solid #ddd;}
   .bbtd{border-bottom:1px solid #ddd;}
   .bde{border:1px solid #eee;}
   .ble{border-left:1px solid #eee;}
   .bre{border-right:1px solid #eee;}
   .bte{border-top:1px solid #eee;}
   .bbca{border: 1px solid #cacacc;}
   .bbe{border-bottom:1px solid #eee;}
   .bbdt{border-bottom: 1px dotted #4b91fe;}
   .bbde3{border-bottom: 1px dotted #ffe3a3;}
   .bb0{border-bottom:1px solid #000;}
   /* background-color name rule: bg - (key word/Hex color) |-> All colors are safe color */
   .bgwh{background-color:#fff;}
   .bgfb{background-color:#fbfbfb;}
   .bgf5{background-color:#f5f5f5;}
   .bgf0{background-color:#f0f0f0;}
   .bgeb{background-color:#ebebeb;}
   .bge0{background-color:#e0e0e0;}
   .bgee{background-color:#eeeeee;}
   /* safe color */
   .g0{color:#000;}
   .g3{color:#333;}
   .g6{color:#666;}
   .g9{color:#999;}
   .gc{color:#ccc;}
   .wh{color:white;}
   /* font-size */
   .f0{font-size:0;}
   .f12{font-size:12px;}
   .f13{font-size:13px;}
   .f14{font-size:14px;}
   .f16{font-size:16px;}
   .f18{font-size:18px;}
   .f20{font-size:20px;}
   .f24{font-size:24px;}
   .f26{font-size:26px;}
   .f28{font-size:28px;}
   .f30{font-size:30px;}
   .f35{font-size:35px;}
   /* font-family */
   .fa{font-family:Arial;}
   .ft{font-family:Tahoma;}
   .fv{font-family:Verdana;}
   .fs{font-family:Simsun;}
   .fw{font-family:'Microsoft Yahei';}
   /* font-style */
   .n{font-weight:normal; font-style:normal; white-space: normal;}
   .b{font-weight:bold;}
   .i{font-style:italic;}
   /* text-align */
   .tc{text-align:center;}
   .tr{text-align:right;}
   .tl{text-align:left;}
   .tj{text-align:justify;}
   /* text-decoration */
   .tdl{text-decoration:underline;}
   .tdn,.tdn:hover,.tdn a:hover,a.tdl:hover{text-decoration:none;}
   /* letter-spacing */
   .lt-1{letter-spacing:-1px;}
   .lt0{letter-spacing:0;}
   .lt1{letter-spacing:1px;}
   /* white-space */
   .nowrap{white-space:nowrap;}
   /* word-wrap */
   .bk{word-wrap:break-word;}
   .bkall{word-break:break-all;word-wrap:break-word;}
   /* vertical-align */
   .vm{vertical-align:middle;}
   .vtb{vertical-align:text-bottom;}
   .vb{vertical-align:bottom;}
   .vt{vertical-align:top;}
   .vsb{vertical-align: sub;}
   .v-1{vertical-align:-1px;}
   .v-2{vertical-align:-2px;}
   .v-3{vertical-align:-3px;}
   .v-4{vertical-align:-4px;}
   .v-5{vertical-align:-5px;}
   .v-10{vertical-align: -10px;}
   /* float */
   .l{float:left;}
   .r{float:right;}
   /* clear */
   .cl{clear:both;}
   /* position */
   .rel{position:relative;}
   .abs{position:absolute;}
   /*z-index*/
   .zx1{z-index:1;}
   .zx2{z-index:2;}
   /* cursor */
   .poi{cursor:pointer;}
   .def{cursor:default;}
   /* overflow */
   .ovh{overflow:hidden;}
   .ova{overflow:auto;}
   /* visibility */
   .vh{visibility:hidden;}
   .vv{visibility:visible;}
   /* opacity */
   .opa0{opacity:0; filer:alpha(opacity=0);}
   /* zoom */
   .z{*zoom:1;}
   
   
   /* ------------------- multiply CSS ------------------ */
   /* å—çŠ¶å…ƒç´ æ°´å¹³å±…ä¸­ */
   .auto{margin-left:auto; margin-right:auto;}
   /* æ¸…é™¤æµ®åŠ¨*/
   .fix{*zoom:1;}
   .fix:after{display:table; content:''; clear:both;}
   /* åŸºäºŽdisplay:table-cellçš„è‡ªé€‚åº”å¸ƒå±€ */
   .cell{display:table-cell; *display:inline-block; width:2000px; *width:auto;}
   /* åŒæ è‡ªé€‚åº”celléƒ¨åˆ†è¿žç»­è‹±æ–‡å­—ç¬¦æ¢è¡Œ */
   .cell2{overflow:hidden; _display:inline-block;}
   /* å•è¡Œæ–‡å­—æº¢å‡ºè™šç‚¹æ˜¾ ç¤º*/
   .ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
   /* css3è¿‡æ¸¡åŠ¨ç”»æ•ˆæžœ */
   .trans{
       -webkit-transition:all .15s;	
               transition:all .15s;
   }
   /* å¤§å°ä¸å®šå…ƒç´ åž‚ç›´å±…ä¸­ */
   .dib_vm{display:inline-block; width:0; height:100%; vertical-align:middle;}
   /* æ— æ¡†æ–‡æœ¬æ¡†æ–‡æœ¬åŸŸ */
   .bd_none{border:0; outline:none;}
   /* ç»å¯¹å®šä½éšè— */
   .abs_out{position:absolute; left:-999em; top:-999em;}
   .abs_clip{position:absolute; clip:rect(0 0 0 0);}
   /* æŒ‰é’®ç¦ç”¨ */
   .disabled{outline:0 none; cursor:default!important; opacity:.4; filer:alpha(opacity=40); -ms-pointer-events:none; pointer-events:none;}
   /*inline-blockä¸Žfloatç­‰å®½åˆ—è¡¨*/
   .inline_box{font-size:0em; letter-spacing:-.25em;}
   .inline_two, .inline_three, .inline_four, .inline_five, .inline_six, .inline_any{display:inline-block; *display:inline; letter-spacing:0; vertical-align:top; *zoom:1;}
   .float_two, .float_three, .float_four, .float_five, .float_six{float:left;}
   .inline_two, .float_two{width:50%; *width:49.9%;}
   .inline_three, .float_three{width:33.33333%; *width:33.2%;}
   .inline_four, .float_four{width:25%; *width:24.9%;}
   .inline_five, .float_five{width:20%; *width:19.9%;}
   .inline_six, .float_six{width:16.66666%; *width:16.6%;}
   .inline_fix{display:inline-block; width:100%; height:0; overflow:hidden;}
   

/* æŒ‰é’®ç¦ç”¨ æ—‹è½¬æ ·å¼ */
   @Keyframes donut-spin {
    0% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(360deg);
    }
 }
  
 .btn_logging::before {
    content: "";
    display: inline-block;
    border: 2px solid rgba(0, 0, 0, 0.3);
    border-left-color: #f0f0f0;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    animation: donut-spin 1.2s linear infinite;
    margin-right: 10px;
 } 
    